<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>
<link rel="stylesheet" href="${ctx}/ui/static/common/layer/1.9.3/skin/layer.css"/>
<script type="text/javascript" src="${ctx}/ui/static/common/layer/1.9.3/layer.js" charset="utf-8"></script>
<script type="text/javascript">
    $('#slideadd_Form').form({
        url : '${ctx}/slide/save',
        onSubmit : function() {
            editor.sync();
            parent.$.messager.progress({
                title : '提示',
                text : '数据处理中，请稍后....'
            });
            var isValid = $(this).form('validate');
            if (!isValid) {
                parent.$.messager.progress('close');
            }
            return isValid;
        },
        success : function(result) {
            parent.$.messager.progress('close');
            result = $.parseJSON(result);
            if (result.success) {
                parent.$.modalDialog.openner_dataGrid.datagrid('reload');//之所以能在这里调用到parent.$.modalDialog.openner_dataGrid这个对象，是因为user.jsp页面预定义好了
                parent.$.modalDialog.handler.dialog('close');
            } else {
                parent.$.messager.alert('错误', result.msg, 'error');
            }
        }
    });
    //公司网站图片上传开始
    $(function() {
        $("#altpbt").click(function() {
            if ($("#slidefile").val().length > 0) {
                ajaxAltpUpload();
            } else {
                layer.alert('请选择图片', {
                    icon: 5,
                    title: "提示"
                });
            }
        });
    });

    function ajaxAltpUpload() {
        $.ajaxFileUpload({
            url : '${ctx}/slide/fileUpload',
            secureuri : false,
            fileElementId : 'slidefile',
            type : 'post',
            dataType : 'HTML',
            success  : function(data, status)
            {
                $("#altpic").attr("src",data);
                $("#altpth").attr("value", ''+data);
                if (typeof (data.error) != 'undefined') {
                    if (data.error != '') {
                        layer.alert(data.error);
                    } else {
                        layer.alert(data.msg);
                    }
                }
            },
            error : function(data, status, e)//服务器响应失败处理函数
            {
                layer.alert(e);
            }
        })
        return false;
    }

    //    限制上传文件的类型和大小
    function validate_img(ele){
        // 返回 KB，保留小数点后两位
        //alert((ele.files[0].size/(1024*1024)).toFixed(2));
        var file = ele.value;

        if(!/.(gif|jpg|jpeg|png|GIF|JPG|bmp)$/.test(file)){
            layer.alert('图片类型必须是.gif,jpeg,jpg,png,bmp中的一种', {
                icon: 5,
                title: "提示"
            });
            //如果类型不对就清空文件选中的内容
            var obj = document.getElementById('slidefile') ;
            obj.outerHTML=obj.outerHTML;
            return false;

        }else{

            //alert((ele.files[0].size).toFixed(2));
            //返回Byte(B),保留小数点后两位
            if(((ele.files[0].size).toFixed(2))>=(2*1024*1024)){
                layer.alert('请上传小于2M的图片', {
                    icon: 5,
                    title: "提示"
                });
                var obj = document.getElementById('slidefile') ;
                obj.outerHTML=obj.outerHTML;
                return false;
            }
        }
        layer.alert('图片通过', {
            icon: 1,
            title: "提示"
        });
    }
    //    案例图片上传结束
</script>
<form id="slide_edit_Form" method="post">
			<input type="hidden" name="id" id="id"/>
			<table class="table">
				<tr>
					<th>幻灯片名称：</th>
					<td><input type="text" id="slidName" name="slidName" class="easyui-textbox" data-options="required:true,missingMessage:'标题不能为空！'" style="width:500px;height:30px;"/></td>
				</tr>
				<tr id="cptptr">
					<th>幻灯片图片：</th>
					<td>
						<input type="file" id="slidefile" name="pictureName" class="upload"  onchange="Javascript:validate_img(this);"/>
						<input type="button" id="altpbt" value="上传"/>
						<input type="hidden" name="picture" id="altpth"/>
						<img id="altpic" name="attpath"  width="160px" height="100px" src="${ctx}${path}"/>
					</td>
				</tr>
				<tr>
					<th>幻灯片描述：</th>
					<td colspan="2">
						<input class="easyui-textbox" name="menums" id="menums"   cols="50" rows="5" data-options="multiline:true" style="width:500px;height:100px;"/>
					</td>
				</tr>
			</table>
</form>
